
<div>
	<div class="balance-head"><h3>结算信息</h3></div>
	<div>
		<div class="form-group m-t-sm 20 f_left mar_right_20" id="balance-calender">
		             投放开始时间：<div class="input-group date form_date w_100 col-sm-3" 
		             	id="startTime1"  
		             	data-date="" 
		             	data-date-format="yyyy-mm-dd" 
		             	data-link-field="dtp_input2" 
		             	data-link-format="yyyy-mm-dd">
		                <input id="seach_start_submit_time" 
		                	class="form-control col-sm-3"
		                	size="8" type="text" 
		                	value="" readonly />
		                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
		             </div>
		  
		                投放结束时间：<div class="input-group date form_date w_100 col-sm-3" 
		             	id="endTime1"  
		             	data-date="" 
		             	data-date-format="yyyy-mm-dd" 
		             	data-link-field="dtp_input2" 
		             	data-link-format="yyyy-mm-dd">
		             <input id="seach_start_submit_time" 
		                	class="form-control "
		                	size="8" type="text" 
		                	value="" readonly />
		                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
		             </div>
		             结算状态：<select>
		             	<option>全部</option>
		             	<option>已结算</option>
		             	<option>未结算</option>
		             </select>
		            <button class="btn btn-primary">搜索</button>
		    </div>
	</div>
	<div class="balance-table">
		<div class="balance-line">
			<p class="balance-one">推广计划</p>
			<p class="balance-two">创意</p>
			<p class="balance-three">方式</p>
			<p class="balance-four">开始/结束</p>
			<p class="balance-five">结算金额</p>
			<p class="balance-six">投放状态</p>
			<p class="balance-seven">账单状态</p>
			<p class="balance-eight">操作</p>
		</div>
		<div class="balance-lineinfo">
			<p class="balance-one"><a data-toggle="modal" data-target="#myPlan">奔弛五一计划</a></p>
			<p class="balance-two">
				<span>奔弛五一计划</span>
				<span class="balance-image"><img src="balance/images/benchi.PNG"></span>
			</p>
			<p class="balance-three">CPT</p>
			<p class="balance-four">2016-05-12 00:00:00至2016-05-13 00:00:00</p>
			<p class="balance-five">200,000元</p>
			<p class="balance-six">已结束</p>
			<p class="balance-seven">已结算</br>已开票</p>
			<p class="balance-eight">
				<a data-toggle="modal" data-target="#myPlan">计划详情</a>|
				<a data-toggle="modal" data-target="#myCreate">创意详情</a>
			</p>
		</div>
	</div>
</div>
<!--创意详情模态框-->
<div class="modal fade" id="myCreate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" id="modalDialog">
    <div class="modal-content">
      <div class="modal-body">
        <div id="client">
			<ul class="nav nav-tabs create-ul" role="tablist">
				<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">奔弛xxxxxxx111</a></li>
				<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">奔弛xxxxxxx222</a></li>
				<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">奔弛xxxxxxx333</a></li>
				<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">奔弛xxxxxxx444</a></li>
			</ul>
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="home">
				    <div class="client-two">
						<div>
							<p class="client-name">创意名称</p>
							<p class="client-nameJ">奔弛111111</p>
						</div>
						<div>
							<p class="client-name">计划名称</p>
							<p class="client-nameJ"></p>
						</div>
						<div>
							<p class="client-name">推广组</p>
							<p class="client-nameJ"></p>
						</div>
					</div>	
					<div class="client-three">
						<div>
							<p class="client-name">创意分类</p>
							<p class="client-nameJ"></p>
						</div>
						<div>
							<p class="client-name">创意标签</p>
							<p class="client-nameR"></p>
						</div>
					</div>
					<div class="client-four">
						<p class="client-name">创意预览</p>
							<div class="client-nameZ">
								<div class="client-img">
									<img src="">
								</div>
								<div class="client-info">
									<p><span>语言:</span>中文</p>
									<p><span>来源:</span>©奔驰中国</p>
									<p><span>广告标题:</span>奔驰计划</p>
									<p><span>广告语:</span>奔弛呀奔弛</p>
									<p><span>链接名称:</span>更多呢</p>
									<p><span>链接地址:</span>https://www.benchi.com/index.html?x=maxtg&xx=&xx</p>
									<p><span>曝光视频:</span>https://www.benchi.com/index.html?x=maxtg&xx=&xx</p>
								</div>
							</div>
					</div>
				    </div>
				    
				    <div role="tabpanel" class="tab-pane" id="profile">
				    	<div class="client-two">
							<div>
								<p class="client-name">创意名称</p>
								<p class="client-nameJ">奔弛222222</p>
							</div>
							<div>
								<p class="client-name">计划名称</p>
								<p class="client-nameJ"></p>
							</div>
							<div>
								<p class="client-name">推广组</p>
								<p class="client-nameJ"></p>
							</div>
						</div>	
						<div class="client-three">
							<div>
								<p class="client-name">创意分类</p>
								<p class="client-nameJ"></p>
							</div>
							<div>
								<p class="client-name">创意标签</p>
								<p class="client-nameR"></p>
							</div>
						</div>	
						<div class="client-four">
							<p class="client-name">创意预览</p>
							<div class="client-nameZ">
								<div class="client-img">
									<img src="">
								</div>
								<div class="client-info">
									<p><span>语言:</span>中文</p>
									<p><span>来源:</span>©奔驰中国</p>
									<p><span>广告标题:</span>奔驰计划</p>
									<p><span>广告语:</span>奔弛呀奔弛</p>
									<p><span>链接名称:</span>更多呢</p>
									<p><span>链接地址:</span>https://www.benchi.com/index.html?x=maxtg&xx=&xx</p>
									<p><span>曝光视频:</span>https://www.benchi.com/index.html?x=maxtg&xx=&xx</p>
								</div>
							</div>
						</div>
				    </div>
				    
				    <div role="tabpanel" class="tab-pane" id="messages">
				    	<div class="client-two">
							<div>
								<p class="client-name">创意名称</p>
								<p class="client-nameJ">奔弛333333</p>
							</div>
							<div>
								<p class="client-name">计划名称</p>
								<p class="client-nameJ"></p>
							</div>
							<div>
								<p class="client-name">推广组</p>
								<p class="client-nameJ"></p>
							</div>
						</div>	
						<div class="client-three">
							<div>
								<p class="client-name">创意分类</p>
								<p class="client-nameJ"></p>
							</div>
							<div>
								<p class="client-name">创意标签</p>
								<p class="client-nameR"></p>
							</div>
						</div>	
						<div class="client-four">
							<p class="client-name">创意预览</p>
							<div class="client-nameZ">
								<div class="client-img">
									<img src="">
								</div>
								<div class="client-info">
									<p><span>语言:</span>中文</p>
									<p><span>来源:</span>©奔驰中国</p>
									<p><span>广告标题:</span>奔驰计划</p>
									<p><span>广告语:</span>奔弛呀奔弛</p>
									<p><span>链接名称:</span>更多呢</p>
									<p><span>链接地址:</span>https://www.benchi.com/index.html?x=maxtg&xx=&xx</p>
									<p><span>曝光视频:</span>https://www.benchi.com/index.html?x=maxtg&xx=&xx</p>
								</div>
							</div>
						</div>
				    </div>
				    
				    <div role="tabpanel" class="tab-pane" id="settings">
				    	<div class="client-two">
							<div>
								<p class="client-name">创意名称</p>
								<p class="client-nameJ">奔弛444444</p>
							</div>
							<div>
								<p class="client-name">计划名称</p>
								<p class="client-nameJ"></p>
							</div>
							<div>
								<p class="client-name">推广组</p>
								<p class="client-nameJ"></p>
							</div>
						</div>	
						<div class="client-three">
							<div>
								<p class="client-name">创意分类</p>
								<p class="client-nameJ"></p>
							</div>
							<div>
								<p class="client-name">创意标签</p>
								<p class="client-nameR"></p>
							</div>
						</div>	
						<div class="client-four">
							<p class="client-name">创意预览</p>
							<div class="client-nameZ">
								<div class="client-img">
									<img src="../images/tupian.PNG">
								</div>
								<div class="client-info">
									<p><span>语言:</span>中文</p>
									<p><span>来源:</span>©奔驰中国</p>
									<p><span>广告标题:</span>奔驰计划</p>
									<p><span>广告语:</span>奔弛呀奔弛</p>
									<p><span>链接名称:</span>更多呢</p>
									<p><span>链接地址:</span>https://www.benchi.com/index.html?x=maxtg&xx=&xx</p>
									<p><span>曝光视频:</span>https://www.benchi.com/index.html?x=maxtg&xx=&xx</p>
								</div>
							</div>
						</div>
						
				    </div>
				</div>
			</div>
      	</div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myPlan">查看计划</button>
      </div>
    </div>
  </div>
</div>
<!--计划详情-->
<div class="modal fade" id="myPlan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" id="modaldialogPlan">
    <div class="modal-content">
      <div class="modal-body">
		<div id="leftTable">
			<div class="lineTable">
				<p class="leftOne">计划名称</p>
				<p class="leftTwo"></p>
			</div>
			<div class="lineTable">
				<p class="leftOne">推广方式</p>
				<p class="leftTwo"></p>
			</div>
			<div class="lineTable">
				<p class="leftOne">投放时间</p>
				<p class="leftTwo"></p>
			</div>
			
			<!--单独的-->
			<!--<div class="lineTableleft">
				<p class="leftOne1">分时投放</p>
				<p class="leftTwo1"></p>
			</div>-->
			<div class="lineTable">
				<p class="leftOne">推广内容分类</p>
				<p class="leftTwo"></p>
			</div>
			<div class="lineTable">
				<p class="leftOne">计划状态</p>
				<p class="leftTwo"></p>
			</div>
			
			<div class="lineTable">
				<p class="leftOne">预计覆盖人数</p>
				<p class="leftTwo"></p>
			</div>
			<div class="lineTable">
				<p class="leftOne">审核状态</p>
				<p class="leftTwo"></p>
			</div>
		</div>
		<!--右边table-->
		<div id="rightTable">
			<div class="lineTable">
				<p class="leftOne">推广组</p>
				<p class="leftTwo"></p>
			</div>
			<!--单独的-->
			<div class="lineTableright">
				<div class="rightOne">推广范围</div>
				<div class="rightTwo">
					<div class="rightTwo1">
						<p class="rightTwosub1">手机</p>
						<p class="rightTwosub2">轻轻巧巧睡睡瘦三代全球</p>
					</div>
					<div class="rightTwo1">
						<p class="rightTwosub1">机型</p>
						<p class="rightTwosub2">啊啊事实上事实上啊啊啊啊</p>
					</div>
					<div class="rightTwo1">
						<p class="rightTwosub1">城市</p>
						<p class="rightTwosub2">啊啊啊   沙石的赛道上啊啊啊</p>
					</div>
					<div class="rightTwo1">
						<p class="rightTwosub1">兴趣</p>
						<p class="rightTwosub2">啊啊啊啊是多少多少啊啊</p>
					</div>
				</div>
			</div>
			
			<div class="lineTable">
				<p class="leftOne">计划金额(已打折)</p>
				<p class="leftTwo"></p>
			</div>
			<div class="lineTable">
				<p class="leftOne"></p>
				<p class="leftTwo"></p>
			</div>
		   </div>
	      </div>
	      <div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal" >返回</button>
			<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myCreate">查看创意</button>
		  </div>
        </div>
      </div>
    </div>
	<link rel="stylesheet" type="text/css" href="html/balanceInfo/balanceSub.css">
<script type="text/javascript" src="html/balanceInfo/balanceSub.js"></script>	




